<template>
    <div>
      <div class="aboutus">
        <div class="yxlogo"><img src="./imgs/logo.png"></div>
        <h3>&nbsp;</h3>
        <p>
          &nbsp;&nbsp;&nbsp;&nbsp;优享车是顺利办财税服务过程中根据企业用车需求，结合政府相关政策指引而研发的企业共享用车服务产品。<br>
          <br>&nbsp;&nbsp;&nbsp;&nbsp;企业在经营过程中，因公外出而使用私人车辆的情况普遍存在，而使用私人车辆产生的经营成本却无法取得对应发票，油票、过路过桥等发票又不好入账，个人税局代开财产租赁发票所得税负重；优享车平台可通过个体户车辆租赁的方式帮助企业将私车公用的隐性开支合理列入企业经营成本，平台代为办理工商税务相关手续，为企业合规解决利润虚高的税务问题。
          <br> <br>&nbsp;&nbsp;&nbsp;&nbsp;关于优享车的使用问题、改进建议，或者寻求商务合作，您都可以通过下方电话或在线客服的形式联系我们。
          <br> 感谢您对优享车的支持。
      </p>
      </div>
      <div class="aboutusBtnCon">
          <div class="btn" @click="goTel()">电话联系</div>
          <div class="btn btn2" @click="goKf()"><img src="./imgs/kfIcon.png"/> 联系在线客服</div>
      </div>
    </div>
</template>

<script>

  import { KF_TEL,KF_URL } from '../../constants/index'
  export default {
    name: "about-us",
    data(){
      return{

      }
    },
    methods:{
      goTel(){
        location.href='tel:'+KF_TEL
      },
      goKf(){
        if(KF_URL){
          location.href=KF_URL
        }

      },
    }
  }
</script>

<style lang="scss" scoped>

  .yxlogo{
    width:60px; height:60px;
    /*background: #CCC;*/
    margin:10px auto;
    img{width: 100%; height: 100%;}
  }
  .aboutus{
    text-align: center;
    background: #FFF;
    position: fixed;
    color:#333;
    box-sizing: border-box;
    padding:15px;
    left:0;top:0;width:100%;height: 100%;
    font-size:14px;
    h3,p{
      margin:0;padding:0;
    }
    p{
      text-align: left;
    }
    h3{
    font-size:16px; padding:0 0 15px 0;}
  }
  .aboutusBtnCon{
    display: flex;
    position: fixed;
    bottom:50px;
    left:20px;right:20px;
    z-index: 1;
    .btn{
      text-align: center;
      line-height: 44px;
      border:1px solid rgba(181,181,181,1);
      border-radius:5px;
      color:#666;
      font-size:15px;
      margin:0 10px;
      width:180px;
    }
    .btn2{
      width:100%;
      background:rgba(28,103,255,1);
      border:1px solid rgba(28,103,255,1);
      color:#FFF;
      img{display: inline;width:18px; position: relative; top:2px;}
    }
  }
</style>
